﻿@using IQReportes.Utils
@model IQReportes.ViewModels.UsuarioViewModel

<div class="container-fluid" id ="panelDeControl" >

<section >
    <div class="row-fluid" id="panelConfiguracion">
        <div class="span4">
            <h2 class="text-center same-line">Panel de Control</h2>
        </div>
        <div class="span4 text-center">
            <h2 class="same-line"><span id="ubicacion"></span>
            <span id="institucionSelected"></span> </h2>
            <h4 class="same-line"id="fecha"></h4>
        </div>
        <div class="span4 text-right" >
            <label class="same-line">Institución</label>
            <span>
                @Html.DropDownListFor(model => model.panelControlInstitucion, new SelectList (Model.instituciones, "id", "descripcion",Model.panelControlInstitucion))
                <button type="button" class="btn btn-primary botonActualizar" id ="btnactualizar"><span class="icon-white icon-refresh"></span></button>
            </span>
        </div>
    </div>
    <div id="divTreeOver">&nbsp</div>
    <div id="modulos">
        <div class="row-fluid">
            <div class="modulo span6">
                <fieldset>
                    <legend>
                        <span>Tree</span>
                        <span class="botones-seleccion">
                            <button class="btn hidden-desktop" onclick="subirNivelTree()">Subir</button>
                        </span>
                    </legend>
                    <div id="divModulo1" class="chartModulo"></div>
                </fieldset>
            </div>
            <div class="modulo span6">
                
                <fieldset>
                    <legend><span>@Model.modulosPC.ElementAt(1).nombre</span>
                        <span class="botones-seleccion">
                            <div id="cantidadTotal2" class="totales"></div>
                            <span class="visible-pc">
                                @Html.BotonesTipoChart(Model.radioTiposChart, 2,Model.modulosPC.ElementAt(1).tipoChart)
                                @Html.BotonDescarga(2,Model.modulosPC.ElementAt(1).descargar)
                            </span>
                                @Html.MobileTipoChart(Model.radioTiposChart,2,Model.modulosPC.ElementAt(1).tipoChart)
                                
                        </span>
                    </legend>
                    <div class="chartModulo">
                        <div id="seleccionModulo2">
                            <button class="btn btn-info" id="seleccion1Modulo2" style="display:none" onclick="eliminarSeleccion(1,2)"></button>
                            <button class="btn btn-info" id="seleccion2Modulo2" style="display:none" onclick="eliminarSeleccion(2,2)"></button>
                        </div>
                        <div id="divModulo2Table">
                            <div id="divModulo2"></div>
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="row-fluid">
            
            @for (int i = 3; i < 5; i++){
            <div id="@("modulo"+@i)" class="modulo span6">
                <fieldset>
                    <legend>
                        <span>@Model.modulosPC.ElementAt(i-1).nombre</span>
                        <span class="botones-seleccion">
                            <div id="@("cantidadTotal"+@i)" class="totales"></div>
                            @Html.BotonDescarga(i,Model.modulosPC.ElementAt(i-1).descargar)
                        </span>
                    </legend>
                    
                    <div class="chartModulo">
                        <div id="@("seleccionModulo"+@i)" class="selecciones">
                            <button class="btn btn-info" id="@("seleccion1Modulo"+@i)" style="display:none" onclick="eliminarSeleccion(1,@i)"></button>
                            <button class="btn btn-info" id="@("seleccion2Modulo"+@i)" style="display:none" onclick="eliminarSeleccion(2,@i)"></button>
                        </div>
                        <div id="@("divModulo"+@i)Table">
                            <div id="@("divModulo"+@i)"></div>
                        </div>
                    </div>
                </fieldset>
            </div>
            }
        </div>
    </div>
</section>
</div>
<script src="~/Scripts/Funciones.js"></script>
<script src="~/Scripts/CargarDataPc.js"></script>
<script>
    $(".nav li").removeClass("active");
    $('#PanelControl').addClass('active');

    var globalInstitucion = null;/**/
    var globalInstitucionString = "";/**/;
    var usuarioFechaInicial = '@Model.panelControlFechaInicial';

    var tree = null;
    var objetoTree = null;
    var treePadre = null;
    var treeHijo = null;
    var codHijo = null;
    var codPadre = null;
    var objetoTree = null;
    var nivelHijo = null;
    var url = '@Url.Action("getData","PanelControl")';

    var arrayFuncionesDibujarChart = null;
    var tamAltoChart = null;

    var infoModulo = new Array(5);

    var colores = [@(Html.Raw(Json.Encode(this.Model.modulosPC.ElementAt(0).colores)))];
    infoModulo[1] = new InfoModulo("divModulo1", actualizarModulo1, null, '@Model.modulosPC.ElementAt(0).valorTree', 1, colores[0]);
    colores = [@(Html.Raw(Json.Encode(this.Model.modulosPC.ElementAt(1).colores)))];
    infoModulo[2] = new InfoModulo("divModulo2", actualizarModulo2, null, '@Model.modulosPC.ElementAt(1).tipoChart', 2, colores[0]);
    colores = [@(Html.Raw(Json.Encode(this.Model.modulosPC.ElementAt(2).colores)))];
    infoModulo[3] = new InfoModulo("divModulo3", actualizarModulo3, null, '@Model.modulosPC.ElementAt(2).tipoChart', 3, colores[0]);
    colores = [@(Html.Raw(Json.Encode(this.Model.modulosPC.ElementAt(3).colores)))];
    infoModulo[4] = new InfoModulo("divModulo4", actualizarModulo4, null, '@Model.modulosPC.ElementAt(3).tipoChart', 4, colores[0]);

    $(window).ready(function () {
        inicializar();
    });
    function descargar(numModulo) {

        var path = '@Url.Action("Download")';
        path += "?fechaInicial=" + usuarioFechaInicial
        + "&modulo=" + numModulo + "&tipoChart=" + 4 + "&institucion=" + globalInstitucion
        + "&nivelTreeHijo=" + treeHijo
        + "&nivelTreePadre=" + treePadre + "&nivelTree=" + objetoTree.getNivel()
        + "&codHijo=" + codHijo + "&codPadre=" + codPadre + "&motivoNoOperativo=" + infoModulo[numModulo].getMotivoNoOperativo()
        + "&tiempoSinTx=" + infoModulo[numModulo].getTiempoSinTx() ;
        console.log("path :" + path);
        window.location = path;
    }
</script>